@charset "UTF-8";
/* CSS Document */

.body
{
	font-family:"Helvetica Neue", Helvetica, Arial;
	background-color:#e6e6e6; 
	margin:0px;}

.mainContainer
{
	margin:auto;
	padding-bottom:100px;
	background-color:#FAFAFA; 
	width:1100px; 
	height:1100px;}

.topContainer
{
	margin:auto;
	width:1100px; 
	height:112px;
	padding:0px 0 0px 0;}

	
.mainMenuContainer
{
	position:relative;
	margin:auto;
	padding:9px 40px 0px 40px;
	background-color:#0099CC;
	width:1020px; 
	height:32px;}

.mainMenuContainer a
{
	padding-right:10px;
	text-decoration:none;
	font-size:16px;
	color:#FFF;}

.calendarContainer
{
	display:inline;
	float:left;
	width:470px; 
	height:350px;
	margin:50px auto auto 50px;}
	
	
.calendarForm
{
	width:470px; 
	height:350px;
	float:left;
	position:relative;
	background-color:#F0F0F0;}
	
.calendarMonthYear
{
	width:470px;
	height:50px;
	position:relative;
	float:left;
	font-size:28px;
	background-color:#F0F0F0;}
	
.calendarName
{
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	width:470px;
	height:40px;
	font-size:30px;
	text-align:center;
	color:#FFFFFF;
	background-color:#0099CC;}

.calendarTable
{
	margin:auto auto auto 15px;}
	
.calendarListForm
{
	display:none;
	float:left;
	width:470px; 
	height:750px;
	position:relative;
	background-color:#F0F0F0;}

.calendarWeek
{
	float:left;
	position:relative;}
	
.calendarDayActivity
{	
	left:82px;
	position:absolute;}

.welcomeMessage
{
	float:left;
	width:565px;}

.welcomeMessage p
{
	color:#C9DEE6;
	font-size:25px;
	font-weight:400;}

.messageContainer
{
	margin:50px auto 50px auto;
	width:800px;
	height:auto;
	text-align:center;
	text-shadow:#fff 0 0 0;
	font:20px "Helvetica Neue", Helvetica, Arial;}
	
.messageContainer p.light
{
	color:#B2B2B2;}

.divider{
	margin:50px auto 0 auto;
	width:850px;
	border-bottom:1px solid #E6E6E6;}
	
.loginContainer, .createTeamContainer
{
	width:1100px;
	height:1070px;
	background:#069;}

.activityContainer
{
	display:inline;
	position:relative;
	float:left;
	width:450px;
	height:500px;
	margin:50px auto auto 20px;
	background:#FAFAFA;}

.activityButtons
{
	float:left;
	hight:50px;
	width:450px;}
	
.activityButtonClear
{
	float:left;
	cursor:pointer;}

.activityButtonCancel
{
	display:inline;
	float:left;
	cursor:pointer;
	margin:auto auto auto 15px;}

.activityButtonSave
{
	display:inline;
	float:left;
	cursor:pointer;
	margin:auto auto auto 15px;}

.loginContent, .createTeamContent
{
	height:500px;
	width:1100px;}

.activityContent
{
	float:left;
	position:relative;
	height:500px;
	width:300px;}
			
.loginHeader, .createTeamHeader
{
	position:relative;
	top:0px;
	padding:10px 40px 0 40px;
	height:180px;
	width:500px;}

.activityHeader
{
	display:none;
	float:left;
	position:relative;
	padding:10px 40px 0 40px;}

.activityDayCell
{
	cursor:hand;}
	
.newItemTitles, .loginName, .loginPassword, .loginAdministrator,
.createTeamName, .createTeamCalendar, .createTeamImage, .createTeamMemberFirstName,
.createTeamMemberFamilyName, .createTeamMemberAddress, .createTeamMemberZipCode,
.createTeamMemberLocation, .createTeamMemberPhoneNumber, .createTeamMemberMailAddress,
.createTeamMemberRole
{
	float:left;
	margin:20px 0 10px 0;
	color:#fff;
	font-size:20px;}
	
.activityName
{
	float:left;
	margin:20px 0 0 0;
	color:#0099CC;
	height:40px;
	width:300px;
	font-size:30px;}
	
.activityInput
{
	-moz-border-radius:5px;
	border:1px solid black;
	font-family:"Helvetica Neue", Helvetica, Arial;
	text-align:left;
	color:black;
	width:450px;
	height:180px;
	font-size:16px;}

.loginInput, .createTeamInput, .activityInput
{}

#postLink
{
	-moz-border-radius:5px;
	border:1px solid black;
	font-family:"Helvetica Neue", Helvetica, Arial;
	color:black;
	padding:0 10px 0 10px;
	width:430px;
	height:40px;
	font-size:15px;}
	
#postLink1
{
	-moz-border-radius:5px;
	border:1px solid black;
	font-family:"Helvetica Neue", Helvetica, Arial;
	color:black;
	padding:0 10px 0 10px;
	width:430px;
	height:120px;
	font-size:16px;}

.loginFooter, .createTeamFooter
{
	position:relative;
	top:800px;
	padding:20px 40px 0 40px;
	height:60px;
	width:1020px;
	background-color:#005681;}
	
/* Sent Content */

.content
{
	width:1000px;
	margin:25px auto 0 auto;
	height:auto;}
	
.loginBtn
{
	float:left;
	cursor:pointer;
	width:220px;
	height:40px;
	background:transparent url(../PICS/loginButton.png) no-repeat;}
	
.createBtn
{
	float:left;
	cursor:pointer;
	width:220px;
	height:40px;
	background:transparent url(../PICS/createBtn.png) no-repeat;}
	
.createBtn:hover
{
	background:transparent url(../PICS/createBtnHover.png) no-repeat;}

#teams
{
	float:left;
	position:relative;
	margin: 10px auto auto 7px;}

.members
{
	display:inline;
	float:left;
	margin:15px auto auto 20px;}
	
.memberInfo
{
	display:inline;
	width:220px;
	line-height:75%;
	float:left;
	margin:15px auto auto 20px;}	
	
.previousMonth
{
	text-decoration:none;
	float:left;
	color:#0099FF;
	font-weight:bold;
	margin:5px 0 0 20px;}
	
.monthYear
{
	float:left;
	margin:5px 0 0 110px;}

.nextMonth
{
	text-decoration:none;
	float:right;
	color:#0099FF;
	font-weight:bold;
	margin:5px 20px 0 0;}

	